


@color-border: #ddd;
@tools-width: 1.75rem;
@props-width: 2.4rem;

.wrap{
  overflow-y: scroll;
  height: 78vh;
}
 

.list{
  height: 37px;
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #eee;
  &:hover{
    // background-color: red;
    border: 1px solid blue;
  }
} 
.canvas{
  height: 78vh;
  width:  100%;
  overflow: auto;
  }


    .props{
      height: 78vh;
      overflow-y: auto;
      .title,.popup-title{
        border-bottom: 1px solid #ccc;
        display: flex;
      }
    }
    
.tools {
  flex-shrink: 0;
  background-color: #f8f8f8;
  border-right: 1px solid @color-border;
  overflow-y: auto;

  .title {
    padding: 0.05rem 0.1rem;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;

    &:first-child {
      border-top: none;
    }
  }

  .buttons {
    padding: 0.1rem 0;
    a {
      display: inline-block;
      line-height: 1;
      width: 3.4rem;
      height:1.4rem;
      text-align: center;
      text-decoration: none !important;

      .iconfont {
        font-size: 2.24rem;
      }
    }
  }
}